<!-- 通过各种属性设置文字样式 -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字属性</title>
    <style>
        p {
            /* font-size字号，必须带px单位 */
            font-size: 30;
        }

        h1 {
            font-weight: 400;
        }

        div {
            font-weight: 700;
        }

        em {
            font-style: normal;
        }

        .div01 {
            font-style: italic;
        }

    </style>
</head>
<body>
    <p>设置字体大小</p>

    <h1>标题取消加粗</h1>

    <div>字体加粗</div>

    <!-- em标签是倾斜 -->
    <em>倾斜回正</em>

    <div class="div01">倾斜字体</div>

</body>
</html>